<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘宝首屏项目</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" />
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/navmenu.css">
	<link rel="stylesheet" href="./css/slider.css">
</head>
<body>
	<!-- main-show start -->
	<div class="layer main-show clearfix">
		<!-- main-show-left start -->
		<div class="main-show-wrap">
			<!-- main-show-left-top start -->
			<div class="main-show-t clearfix">
				<!-- nav-menu start -->
				<div class="nav-menu">
					<ul class="menu-list">
						<li class="menu-item">
							<a href="" class="menu-link">女装</a> /
							<a href="" class="menu-link">男装</a> /
							<a href="" class="menu-link">内衣</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">鞋靴</a> /
							<a href="" class="menu-link">箱包</a> /
							<a href="" class="menu-link">配件</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">童装玩具</a> /
							<a href="" class="menu-link">孕装</a> /
							<a href="" class="menu-link">用品</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">家电</a> /
							<a href="" class="menu-link">数码</a> /
							<a href="" class="menu-link">手机</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">美妆</a> /
							<a href="" class="menu-link">洗护</a> /
							<a href="" class="menu-link">保健品</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">珠宝</a> /
							<a href="" class="menu-link">眼镜</a> /
							<a href="" class="menu-link">手表</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">运动</a> /
							<a href="" class="menu-link">户外</a> /
							<a href="" class="menu-link">乐器</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">游戏</a> /
							<a href="" class="menu-link">动漫</a> /
							<a href="" class="menu-link">影视</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">美食</a> /
							<a href="" class="menu-link">生鲜</a> /
							<a href="" class="menu-link">零食</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">鲜花</a> /
							<a href="" class="menu-link">宠物</a> /
							<a href="" class="menu-link">农资</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">房产</a> /
							<a href="" class="menu-link">装修</a> /
							<a href="" class="menu-link">建材</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">家具</a> /
							<a href="" class="menu-link">家饰</a> /
							<a href="" class="menu-link">家纺</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">汽车</a> /
							<a href="" class="menu-link">二手车</a> /
							<a href="" class="menu-link">用品</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">办公</a> /
							<a href="" class="menu-link">DIY</a> /
							<a href="" class="menu-link">五金电子</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">百货</a> /
							<a href="" class="menu-link">餐厨</a> /
							<a href="" class="menu-link">家庭保健</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li class="menu-item">
							<a href="" class="menu-link">学习</a> /
							<a href="" class="menu-link">卡券</a> /
							<a href="" class="menu-link">本地服务</a>
							<i class="fa fa-angle-right"></i>
						</li>
					</ul>
				</div>
				<!-- nav-menu end -->
				<!-- sliders start -->
				<div class="sliders">
					<div class="main-slider">
						<a href="#" class="dir-icon dir-forward">
							<i class="fa fa-angle-right"></i>
						</a>
						<a href="#" class="dir-icon dir-backward">
							<i class="fa fa-angle-left"></i>
						</a>
						<div class="indicator">
							<i class="indicator-dot cur"></i>
							<i class="indicator-dot"></i>
							<i class="indicator-dot"></i>
							<i class="indicator-dot"></i>
							<i class="indicator-dot"></i>
						</div>
						<ul class="main-slider-list">
							<li class="main-slider-item">
								<a href="#">
									<img src="./img/slider1/1.webp" alt="">
								</a>
							</li>
						</ul>
					</div>
					<div class="goods-slider">
						<div class="goods-slider-hd">
							<span class="hd-img"></span>
							<em>理想生活上天猫</em>
							<strong>
								<i>1</i>/6
							</strong>
						</div>
						<div class="goods-slider-wrap">
							<a href="#" class="dir-icon dir-forward">
								<i class="fa fa-angle-right"></i>
							</a>
							<a href="#" class="dir-icon dir-backward">
								<i class="fa fa-angle-left"></i>
							</a>
							<ul class="goods-slider-list">
								<li class="goods-slider-item clearfix">
									<div class="item-l">
										<a href="#">
											<img src="./img/slider2/1.jpg" alt="">
										</a>
									</div>
									<div class="item-r clearfix">
										<div class="item-r-img clear-border">
											<a href="#">
												<img src="./img/slider2/2.jpg" alt="">
											</a>
										</div>
										<div class="item-r-img clear-border">
											<a href="#">
												<img src="./img/slider2/3.jpg" alt="">
											</a>
										</div>
										<div class="item-r-img">
											<a href="#">
												<img src="./img/slider2/4.jpg" alt="">
											</a>
										</div>
										<div class="item-r-img">
											<a href="#">
												<img src="./img/slider2/5.jpg" alt="">
											</a>
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div class="tamll-indicator">
							<ul class="indicator-list clearfix">
								<li class="indicator-item selected">
									<a href="#"></a>
								</li>
								<li class="indicator-item">
									<a href="#"></a>
								</li>
								<li class="indicator-item">
									<a href="#"></a>
								</li>
								<li class="indicator-item">
									<a href="#"></a>
								</li>
								<li class="indicator-item">
									<a href="#"></a>
								</li>
								<li class="indicator-item">
									<a href="#"></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- sliders end -->
				<!-- 今日热卖 start -->
				<div class="hot-sales">
					<div class="today-focus">

					</div>
					<div class="today-hot">

					</div>
				</div>
				<!-- 今日热卖 end -->
			</div>
			<!-- main-show-left-top end -->
			
			<!-- main-show-left-bottom start -->
			<div class="tb-headline">

			</div>
			<!-- main-show-left-bottom end -->
		</div>
		<!-- main-show-left end -->

		<!-- main-show-right start -->
		<div class="funcs-wrap">
		</div>
		<!-- main-show-right end -->
	</div>
	<!-- main-show end -->
</body>
</html>










